<template>
  <div class="app-container">
    <el-form label-width="120px" class="add-form">
      <el-form-item label="医院名称">
        <el-input v-model="hospitalSet.hosname" />
      </el-form-item>

      <el-form-item label="医院编号">
        <el-input v-model="hospitalSet.hoscode" />
      </el-form-item>

      <el-form-item label="api基础路径">
        <el-input v-model="hospitalSet.apiUrl" />
      </el-form-item>

      <el-form-item label="联系人姓名">
        <el-input v-model="hospitalSet.contactsName" />
      </el-form-item>

      <el-form-item label="联系人手机">
        <el-input v-model="hospitalSet.contactsPhone" />
      </el-form-item>

      <el-form-item>
        <el-button type="primary" @click="saveOrUpdate">保存</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import hospset from "@/api/hospset";
export default {
  name: "HospSetAdd",
  data() {
    return {
      hospitalSet: {},
    };
  },

  components: {},

  methods: {
    saveOrUpdate() {
      if (this.hospitalSet.id) {
        this.update();
      } else {
        this.save();
      }
    },
    
    save() {
      hospset.saveHospSet(this.hospitalSet).then((res) => {
        this.$message({
          type: "success",
          message: "添加成功!",
        });
        this.$router.push("/hospSet/list");
      });
    },

    update() {
      hospset.updateHospSet(this.hospitalSet).then((res) => {
        this.$message({
          type: "success",
          message: "修改成功!",
        });
        this.$router.push("/hospSet/list");
      });
    },

    getHospSet(id) {
      hospset.getHospSet(id).then((res) => {
        console.log(res);
        this.hospitalSet = res.data;
      });
    },
  },
  created() {
    if (this.$route.params && this.$route.params.id) {
      this.getHospSet(this.$route.params.id);
    } else {
      //表单数据清空
      this.hospitalSet = {};
    }
  },
};
</script>
<style scoped>
.add-form {
  margin: 0 auto;
  text-align: center;
  width: 600px;
  margin-top: 50px;
}
</style>